{$layout}

{$var "header"}
<!-- codemirror: https://github.com/codemirror/codemirror -->
<script src="/codemirror/lib/codemirror.js" type="text/javascript"></script>
<link rel="stylesheet" href="/codemirror/lib/codemirror.css" type="text/css"/>
<script src="/codemirror/mode/javascript/javascript.js" type="text/javascript"></script>
<link rel="stylesheet" href="/codemirror/theme/idea.css" type="text/css"/>
<script src="/codemirror/addon/selection/active-line.js" type="text/javascript"></script>
<script src="/codemirror/addon/edit/matchbrackets.js" type="text/javascript"></script>
<script src="/_/@default/proxy/board/chart.js" type="text/javascript"></script>
{$end}

<p class="grey">可以在这里使用Javascript制作自己的Widget。</p>

<div class="editor-box">
    <div id="editor"></div>

    <div class="buttons-box">
        <button class="ui button primary" type="button">保存</button> &nbsp; <a href="">试运行</a>
    </div>

    <!-- 预览区 -->
    <div class="preview-box">
    </div>
</div>